<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0,user-scalable=0">
    <title>小米商城-小米官方网站，小米手机、红米手机正品专卖</title>
    <link rel="shortcut icon" href="https://m.mi.com/favicon.ico">
    <link rel="stylesheet" href="./css/intelligence.css">
    <script src="./js/intelligence.js"></script>
</head>

<body>
    <header>
        <a class="logo" href="">
            <img src="./img/logo.png" alt="">
        </a>
        <div class="search-box">
            <p class="search-p"></p>
            <p class="search">搜索商品名称</p>
        </div>
        <a class="user" href="">
            <p class="user-p"></p>
        </a>
    </header>
    <div class="nav">
        <div class="inner-nav">
            <a href="">
                <div class="nav-item"><span>推荐</span></div>
            </a>
            <a href="">
                <div class="nav-item"><span>智能</span></div>
            </a>
            <a href="./HEA.html">
                <div class="nav-item"><span>家电</span></div>
            </a>
            <a href="">
                <div class="nav-item"><span>电视</span></div>
            </a>
            <a href="./notebook.html">
                <div class="nav-item"><span>笔记本</span></div>
            </a>
            <div class="nav-item"><span></span>
                <div class="nav-display">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="swiper">
            <ul id="item">
                <li class="item">
                    <a href="#"><img src="./img/swiper1.jpg" alt=""></a>
                </li>
                <li class="item">
                    <a href="#"><img src="./img/swiper2.jpg" alt=""></a>
                </li>
                <li class="item">
                    <a href="#"><img src="./img/swiper3.jpg" alt=""></a>
                </li>
                <li class="item">
                    <a href="#"><img src="./img/swiper4.jpg" alt=""></a>
                </li>
                <li class="item">
                    <a href="#"><img src="./img/swiper5.jpg" alt=""></a>
                </li>
            </ul>
            <ul id="circle">
                <li class="circle"></li>
                <li class="circle"></li>
                <li class="circle"></li>
                <li class="circle"></li>
                <li class="circle"></li>
            </ul>
        </div>
        <div class="line" style="background-color:#fafafa;"></div>
        <div class="mid-sort">
            <a href="" class="item">
                <img src="./img/hotnew.jpg" alt="">
            </a>
            <a href="" class="item">
                <img src="./img/homelc.jpeg" alt="">
            </a>
            <a href="" class="item">
                <img src="./img/Bracelet.jpeg" alt="">
            </a>
            <a href="" class="item">
                <img src="./img/headset.jpeg" alt="">
            </a>
            <a href="" class="item">
                <img src="./img/light.jpeg" alt="">
            </a>
            <a href="" class="item">
                <img src="./img/live.png" alt="">
            </a>
            <a href="" class="item">
                <img src="./img/cycle.png" alt="">
            </a>
            <a href="" class="item">
                <img src="./img/clean.png" alt="">
            </a>
            <a href="" class="item">
                <img src="./img/child.png" alt="">
            </a>
            <a href="" class="item">
                <img src="./img/Consumables.png" alt="">
            </a>
        </div>
        <div class="line" style="background-color:#fafafa;"></div>
        <div class="title-p">
            <a href=""><img src="./img/hotsale.png" alt=""></a>
        </div>
        <div class="line"></div>
        <div class="title-p">
            <a href=""><img src="./img/new2.jpg" alt=""></a>
        </div>
        <div class="line"></div>
        <div class="goods">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good1.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">小米路由器AX6000</p>
                    <p class="brief">WiFi6增强版，6000兆极速升级</p>
                    <p class="price">￥599<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good2.jpg" alt="">
                    <div class="tag">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/861946f348c41a81be7e218951addf1e.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">增压挂烫机</p>
                    <p class="brief">轻松深层除皱，熨出专业效果</p>
                    <p class="price">￥529<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good3.jpg" alt="">
                    <div class="tag">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68766b631597d18d4636bb09565d1eb8.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">小米台式净饮机</p>
                    <p class="brief">即滤即热，乐享鲜活纯净水</p>
                    <p class="price">￥1200<span></span></p>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="goods">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good4.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家随行便携榨汁杯</p>
                    <p class="brief">随时随地，果汁鲜榨鲜喝</p>
                    <p class="price">￥99<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good5.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">人体传感器2</p>
                    <p class="brief">感应人体移动，新增光照亮暗判断</p>
                    <p class="price">￥59<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good6.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/917e04231eed1ed011db8e2c83466c2d.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">Redmi 手表</p>
                    <p class="brief">35g超轻/1.4"大屏/多功能NFC/7天长续航</p>
                    <p class="price">￥299<span></span></p>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="goods">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good7.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家纯净式智能加湿器</p>
                    <p class="brief">自然水蒸发，纯净无雾更健康</p>
                    <p class="price">￥229<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good8.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家智能多功能养生壶</p>
                    <p class="brief">智能食谱一键烹饪</p>
                    <p class="price">￥169<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good9.jpg" alt="">
                    <div class="tag">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/956cb617b59d9547a5ad9927b6401c72.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">小米智能门锁 Pro</p>
                    <p class="brief">旗舰摄像头门锁，安全一步到位</p>
                    <p class="price">￥1599<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="title-p height">
            <a href=""><img class="height" src="./img/small.png" alt=""></a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good10.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68766b631597d18d4636bb09565d1eb8.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">米家智能蒸烤箱</p>
                    <p class="brief">30L大容积， 蒸烤烘炸炖一机多用</p>
                    <p class="price">￥1499<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good11.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家龙头净水器</p>
                    <p class="brief">高效过滤有害物质</p>
                    <p class="price">￥149<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good12.jpg" alt="">
                    <div class="tag">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d0f6121778adb0097d707f80d6473a70.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">米家互联网洗碗机 8套嵌入式</p>
                    <p class="brief">洗烘一体，除菌率高达99.99%</p>
                    <p class="price">￥2299<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good13.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/18543d123dc28d3a6eb95750b8a78788.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">米家智能IH电饭煲 4L</p>
                    <p class="brief"> APP检测水质，OLED屏显水龙头</p>
                    <p class="price">￥449<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good14.jpg" alt="">
                    <div class="tag">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/02a5d815e9966e2f69bd264c5199167a.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">小米净水器H600G</p>
                    <p class="brief">纯净生活双出水，六级过滤健康直饮</p>
                    <p class="price">￥1699<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good15.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6ebababdbbef6b0d33b618c284042b6c.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">米家智能微烤一体机</p>
                    <p class="brief">能烧烤的微波炉</p>
                    <p class="price">￥549<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good16.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6a528817ad33b70a1716d8dfee09e1bf.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">空气净化器2S</p>
                    <p class="brief">好空气看得见</p>
                    <p class="price">￥599<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good17.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9fe0af57dc12b82ebffa3ebe24ad2440.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">米家扫拖机1C</p>
                    <p class="brief">能扫能拖，地面清洁交给我</p>
                    <p class="price">￥1199<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good18.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5f00da099bc1894d3c82ebd7bcc419be.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">空气净化器3</p>
                    <p class="brief">400 m³/h颗粒物CADR 超强净化力</p>
                    <p class="price">￥799<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="title-p height">
            <a href=""><img class="height" src="./img/Smartwear.png" alt=""></a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good19.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6a528817ad33b70a1716d8dfee09e1bf.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">小米手表Color 运动版</p>
                    <p class="brief">超长续航，支持血氧功能</p>
                    <p class="price">￥699<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good20.jpg" alt="">
                    <div class="tag">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a2e4eac1c113c3760a97af10a5a5467d.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">小米真无线蓝牙耳机Air 2 Pro</p>
                    <p class="brief"> 主动降噪/持久续航/无线充</p>
                    <p class="price">￥449<span>￥699</san></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good21.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">小米手环5</p>
                    <p class="brief">11种运动模式 磁吸式充电</p>
                    <p class="price">￥169<span>￥189</span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="title-p height">
            <a href=""><img class="height" src="./img/headset2.png" alt=""></a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good22.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5f00da099bc1894d3c82ebd7bcc419be.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">小米手表Color 运动版</p>
                    <p class="brief">超长续航，支持血氧功能</p>
                    <p class="price">￥699<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good23.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">小米真无线蓝牙耳机Air 2 Pro</p>
                    <p class="brief"> 主动降噪/持久续航/无线充</p>
                    <p class="price">￥449<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good24.jpeg" alt="">
                    <div class="tag">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a2e4eac1c113c3760a97af10a5a5467d.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">小米手环5</p>
                    <p class="brief">11种运动模式 磁吸式充电</p>
                    <p class="price">￥169<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="title-p height">
            <a href=""><img class="height" src="./img/Qlight.jpg" alt=""></a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good25.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家台灯1S</p>
                    <p class="brief">A 级光学照度</p>
                    <p class="price">￥599<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good26.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家台灯Lite</p>
                    <p class="brief"> 国标A级照度，三档舒适好光</p>
                    <p class="price">￥299<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good27.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5f10f98fee63d58ab906df259bb05dbf.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">米家台灯Pro</p>
                    <p class="brief">全桌面立体光照全桌面立体光照</p>
                    <p class="price">￥249<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good28.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/71f32a56a966f246eca010f3f5402132.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">米家夜灯2 蓝牙版</p>
                    <p class="brief">智能灯与人体、光线传感器3合1</p>
                    <p class="price">￥179<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good29.jpg" alt="">
                    <div class="tag">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ad8bb60ef154ff2fe577a66768146d6e.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">米家LED灯泡 蓝牙MESH版</p>
                    <p class="brief">同样价格，为何不用MESH智能灯泡</p>
                    <p class="price">￥79<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good30.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">飞利浦智睿筒灯 6个装</p>
                    <p class="brief">亮度无级调节，随心变化</p>
                    <p class="price">￥349<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="title-p height">
            <a href=""><img class="height" src="./img/home.jpg" alt=""></a>
        </div>
        <div class="line bg"></div>
        <div class="title-p height">
            <a href=""><img class="height" src="./img/go.jpg" alt=""></a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good31.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c7cd9c6e60f229a2943c4bbbceec8c6b.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="des">
                    <p class="name">平衡车</p>
                    <p class="brief">年轻人的酷玩具</p>
                    <p class="price">￥2199<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good32.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">平衡车改装套件</p>
                    <p class="brief">小朋友的大玩具，老顽童的小赛车</p>
                    <p class="price">￥2999<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good33.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">电动滑板车Pro</p>
                    <p class="brief">性能提升，动力更强劲</p>
                    <p class="price">￥3099<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good34.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">平衡车 Plus</p>
                    <p class="brief">一个形影不离的新伙伴</p>
                    <p class="price">￥3499<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good35.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">平衡车燃动版</p>
                    <p class="brief">燃动升级，随走随停</p>
                    <p class="price">￥2599<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good36.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">电动滑板车1S</p>
                    <p class="brief">型出格，行出色</p>
                    <p class="price">￥2199<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="title-p height">
            <a href=""><img class="height" src="./img/clean2" alt=""></a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good37.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家声波电动牙刷T300</p>
                    <p class="brief">31000次/分钟震动，刷的干净</p>
                    <p class="price">￥99<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good38.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家电动剃须刀S300</p>
                    <p class="brief">青年“无须”新选择</p>
                    <p class="price">￥99<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good39.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">水离子吹风机</p>
                    <p class="brief">快速吹干，深度补水</p>
                    <p class="price">￥169<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good40.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家声波电动牙刷T100 白色</p>
                    <p class="brief">专业高频震动，更清洁的刷牙方式</p>
                    <p class="price">￥39.9<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good41.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家声波洁面仪</p>
                    <p class="brief">双层轻柔清洁，敏感肌也适用</p>
                    <p class="price">￥99<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good42.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家自动洗手机套装</p>
                    <p class="brief">伸手出泡，抑菌有效</p>
                    <p class="price">￥69<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="title-p height">
            <a href=""><img class="height" src="./img/child2.jpg" alt=""></a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good43.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">小米米家液晶小黑板</p>
                    <p class="brief">随想随画，记录灵感瞬间</p>
                    <p class="price">￥49<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good44.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">贝医生儿童声波电动牙刷（智能故事版）</p>
                    <p class="brief">会讲故事的电动牙刷</p>
                    <p class="price">￥199<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good45.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">智能故事机</p>
                    <p class="brief">能说会道，好玩伴</p>
                    <p class="price">￥199<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="title-p height">
            <a href=""><img class="height" src="./img/consum.png" alt=""></a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good46.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">彩色相纸</p>
                    <p class="brief">精彩打印不间断</p>
                    <p class="price">￥59<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good47.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">7号电池</p>
                    <p class="brief">无汞无镉 环保电池</p>
                    <p class="price">￥9.9<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good48.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">小米无线充电宝 10000mAh 10W</p>
                    <p class="brief">能量满满，无线有线都能充</p>
                    <p class="price">￥129<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="goods bg">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good49.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">净水器滤芯 </p>
                    <p class="brief">吸附异味 异色 余氯</p>
                    <p class="price">￥69<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good50.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">米家魔方转换器</p>
                    <p class="brief">方寸之间，能量无限</p>
                    <p class="price">￥59<span></span></p>
                </div>
            </a>
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good51.jpg" alt="">
                </div>
                <div class="des">
                    <p class="name">小米插线板</p>
                    <p class="brief">3个USB充电口，支持快充</p>
                    <p class="price">￥59<span></span></p>
                </div>
            </a>
        </div>
        <div class="line bg"></div>
        <div class="bottom-p">
            <a href="">
                <img src="./img/bottom-p.jpg" alt="">
            </a>
        </div>
        <!-- <div class="btfloat">
            <a href=""><img src="./img/btfloat.png" alt=""></a>
        </div> -->
    </div>
    <div class="btfloat">
        <a href=""><img src="./img/btfloat.png" alt=""></a>
    </div>
    <footer>
        <div class="bt-nav">
            <a href="" class="bt-nav-item">
                <img src="./img/hp.png" alt="">
                <p>首页</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/sort.png" alt="">
                <p>分类</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/community.png" alt="">
                <p>米圈</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/cart.png" alt="">
                <p>购物车</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/mine.png" alt="">
                <p>我的</p>
            </a>
        </div>
    </footer>
</body>

</html>